.svg-icon[data-v-7c14ab34] {
    display: inline-block;
    overflow: hidden;
    fill: currentcolor;
    vertical-align: -0.15em;
}

.svg-icon-spin[data-v-7c14ab34] {
    animation: loadingCircle 1s infinite linear;
}

.resize-observer[data-v-b329ee4c] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    border: none;
    background-color: transparent;
    pointer-events: none;
    display: block;
    overflow: hidden;
    opacity: 0
}

.resize-observer[data-v-b329ee4c] object {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    pointer-events: none;
    z-index: -1
}

.v-popper__popper {
    z-index: 10000;
    top: 0;
    left: 0;
    outline: none
}

.v-popper__popper.v-popper__popper--hidden {
    visibility: hidden;
    opacity: 0;
    transition: opacity .15s, visibility .15s;
    pointer-events: none
}

.v-popper__popper.v-popper__popper--shown {
    visibility: visible;
    opacity: 1;
    transition: opacity .15s
}

.v-popper__popper.v-popper__popper--skip-transition, .v-popper__popper.v-popper__popper--skip-transition > .v-popper__wrapper {
    transition: none !important
}

.v-popper__backdrop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none
}

.v-popper__inner {
    position: relative;
    box-sizing: border-box;
    overflow-y: auto
}

.v-popper__inner > div {
    position: relative;
    z-index: 1;
    max-width: inherit;
    max-height: inherit
}

.v-popper__arrow-container {
    position: absolute;
    width: 10px;
    height: 10px
}

.v-popper__popper--arrow-overflow .v-popper__arrow-container, .v-popper__popper--no-positioning .v-popper__arrow-container {
    display: none
}

.v-popper__arrow-inner, .v-popper__arrow-outer {
    border-style: solid;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0
}

.v-popper__arrow-inner {
    visibility: hidden;
    border-width: 7px
}

.v-popper__arrow-outer {
    border-width: 6px
}

.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner, .v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner {
    left: -2px
}

.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer, .v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer {
    left: -1px
}

.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner, .v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer {
    border-bottom-width: 0;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important
}

.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner {
    top: -2px
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container {
    top: 0
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner, .v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer {
    border-top-width: 0;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner {
    top: -4px
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer {
    top: -6px
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner, .v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner {
    top: -2px
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer, .v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer {
    top: -1px
}

.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner, .v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer {
    border-left-width: 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important
}

.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner {
    left: -4px
}

.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer {
    left: -6px
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container {
    right: -10px
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner, .v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer {
    border-right-width: 0;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner {
    left: -2px
}

.v-popper--theme-tooltip .v-popper__inner {
    background: rgba(0, 0, 0, .8);
    color: #fff;
    border-radius: 6px;
    padding: 7px 12px 6px
}

.v-popper--theme-tooltip .v-popper__arrow-outer {
    border-color: #000c
}

.v-popper--theme-dropdown .v-popper__inner {
    background: #fff;
    color: #000;
    border-radius: 6px;
    border: 1px solid #ddd;
    box-shadow: 0 6px 30px #0000001a
}

.v-popper--theme-dropdown .v-popper__arrow-inner {
    visibility: visible;
    border-color: #fff
}

.v-popper--theme-dropdown .v-popper__arrow-outer {
    border-color: #ddd
}

*, ::before, ::after {
    --un-rotate: 0;
    --un-rotate-x: 0;
    --un-rotate-y: 0;
    --un-rotate-z: 0;
    --un-scale-x: 1;
    --un-scale-y: 1;
    --un-scale-z: 1;
    --un-skew-x: 0;
    --un-skew-y: 0;
    --un-translate-x: 0;
    --un-translate-y: 0;
    --un-translate-z: 0;
    --un-pan-x: ;
    --un-pan-y: ;
    --un-pinch-zoom: ;
    --un-scroll-snap-strictness: proximity;
    --un-ordinal: ;
    --un-slashed-zero: ;
    --un-numeric-figure: ;
    --un-numeric-spacing: ;
    --un-numeric-fraction: ;
    --un-border-spacing-x: 0;
    --un-border-spacing-y: 0;
    --un-ring-offset-shadow: 0 0 rgb(0 0 0 / 0);
    --un-ring-shadow: 0 0 rgb(0 0 0 / 0);
    --un-shadow-inset: ;
    --un-shadow: 0 0 rgb(0 0 0 / 0);
    --un-ring-inset: ;
    --un-ring-offset-width: 0px;
    --un-ring-offset-color: #fff;
    --un-ring-width: 0px;
    --un-ring-color: rgb(147 197 253 / 0.5);
    --un-blur: ;
    --un-brightness: ;
    --un-contrast: ;
    --un-drop-shadow: ;
    --un-grayscale: ;
    --un-hue-rotate: ;
    --un-invert: ;
    --un-saturate: ;
    --un-sepia: ;
    --un-backdrop-blur: ;
    --un-backdrop-brightness: ;
    --un-backdrop-contrast: ;
    --un-backdrop-grayscale: ;
    --un-backdrop-hue-rotate: ;
    --un-backdrop-invert: ;
    --un-backdrop-opacity: ;
    --un-backdrop-saturate: ;
    --un-backdrop-sepia: ;
}

::backdrop {
    --un-rotate: 0;
    --un-rotate-x: 0;
    --un-rotate-y: 0;
    --un-rotate-z: 0;
    --un-scale-x: 1;
    --un-scale-y: 1;
    --un-scale-z: 1;
    --un-skew-x: 0;
    --un-skew-y: 0;
    --un-translate-x: 0;
    --un-translate-y: 0;
    --un-translate-z: 0;
    --un-pan-x: ;
    --un-pan-y: ;
    --un-pinch-zoom: ;
    --un-scroll-snap-strictness: proximity;
    --un-ordinal: ;
    --un-slashed-zero: ;
    --un-numeric-figure: ;
    --un-numeric-spacing: ;
    --un-numeric-fraction: ;
    --un-border-spacing-x: 0;
    --un-border-spacing-y: 0;
    --un-ring-offset-shadow: 0 0 rgb(0 0 0 / 0);
    --un-ring-shadow: 0 0 rgb(0 0 0 / 0);
    --un-shadow-inset: ;
    --un-shadow: 0 0 rgb(0 0 0 / 0);
    --un-ring-inset: ;
    --un-ring-offset-width: 0px;
    --un-ring-offset-color: #fff;
    --un-ring-width: 0px;
    --un-ring-color: rgb(147 197 253 / 0.5);
    --un-blur: ;
    --un-brightness: ;
    --un-contrast: ;
    --un-drop-shadow: ;
    --un-grayscale: ;
    --un-hue-rotate: ;
    --un-invert: ;
    --un-saturate: ;
    --un-sepia: ;
    --un-backdrop-blur: ;
    --un-backdrop-brightness: ;
    --un-backdrop-contrast: ;
    --un-backdrop-grayscale: ;
    --un-backdrop-hue-rotate: ;
    --un-backdrop-invert: ;
    --un-backdrop-opacity: ;
    --un-backdrop-saturate: ;
    --un-backdrop-sepia: ;
}

.i-carbon-arrow-down {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M24.59 16.59L17 24.17V4h-2v20.17l-7.59-7.58L6 18l10 10l10-10z'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em;
}

.i-carbon-arrow-up {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M16 4L6 14l1.41 1.41L15 7.83V28h2V7.83l7.59 7.58L26 14z'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em;
}

.i-carbon-chevron-down {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M16 22L6 12l1.4-1.4l8.6 8.6l8.6-8.6L26 12z'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em;
}

.i-carbon-close, .i-carbon\:close {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M17.414 16L24 9.414L22.586 8L16 14.586L9.414 8L8 9.414L14.586 16L8 22.586L9.414 24L16 17.414L22.586 24L24 22.586z'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em;
}

.i-carbon-close-filled {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M16 2C8.2 2 2 8.2 2 16s6.2 14 14 14s14-6.2 14-14S23.8 2 16 2m5.4 21L16 17.6L10.6 23L9 21.4l5.4-5.4L9 10.6L10.6 9l5.4 5.4L21.4 9l1.6 1.6l-5.4 5.4l5.4 5.4z'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em;
}

.i-carbon\:arrow-left {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m14 26l1.41-1.41L7.83 17H28v-2H7.83l7.58-7.59L14 6L4 16z'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em;
}

.i-carbon\:border-none {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M3 3h2v2H3zm4 0h2v2H7zm4 0h2v2h-2zm4 0h2v2h-2zM3 7h2v2H3zm0 4h2v2H3zm0 4h2v2H3zm0 4h2v2H3zm0 4h2v2H3zm0 4h2v2H3zM27 3h2v2h-2zm-4 0h2v2h-2zm-4 0h2v2h-2zM7 27h2v2H7zm4 0h2v2h-2zm4 0h2v2h-2zm8 0h2v2h-2zm-4 0h2v2h-2zm8-20h2v2h-2zm0 4h2v2h-2zm0 4h2v2h-2zm0 4h2v2h-2zm0 4h2v2h-2zm0 4h2v2h-2zM8 10h10v2H8zm0 5h6v2H8z'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em;
}

.i-carbon\:chevron-left {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M10 16L20 6l1.4 1.4l-8.6 8.6l8.6 8.6L20 26z'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em;
}

.i-carbon\:chevron-right {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M22 16L12 26l-1.4-1.4l8.6-8.6l-8.6-8.6L12 6z'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em;
}

.i-carbon\:download {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M26 24v4H6v-4H4v4a2 2 0 0 0 2 2h20a2 2 0 0 0 2-2v-4zm0-10l-1.41-1.41L17 20.17V2h-2v18.17l-7.59-7.58L6 14l10 10z'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em;
}

.i-carbon\:filter {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M18 28h-4a2 2 0 0 1-2-2v-7.59L4.59 11A2 2 0 0 1 4 9.59V6a2 2 0 0 1 2-2h20a2 2 0 0 1 2 2v3.59a2 2 0 0 1-.59 1.41L20 18.41V26a2 2 0 0 1-2 2M6 6v3.59l8 8V26h4v-8.41l8-8V6Z'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em;
}

.i-carbon\:network-4 {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Ccircle cx='21' cy='26' r='2' fill='currentColor'/%3E%3Ccircle cx='21' cy='6' r='2' fill='currentColor'/%3E%3Ccircle cx='4' cy='16' r='2' fill='currentColor'/%3E%3Cpath fill='currentColor' d='M28 12a3.996 3.996 0 0 0-3.858 3h-4.284a3.966 3.966 0 0 0-5.491-2.643l-3.177-3.97A3.96 3.96 0 0 0 12 6a4 4 0 1 0-4 4a4 4 0 0 0 1.634-.357l3.176 3.97a3.924 3.924 0 0 0 0 4.774l-3.176 3.97A4 4 0 0 0 8 22a4 4 0 1 0 4 4a3.96 3.96 0 0 0-.81-2.387l3.176-3.97A3.966 3.966 0 0 0 19.858 17h4.284A3.993 3.993 0 1 0 28 12M6 6a2 2 0 1 1 2 2a2 2 0 0 1-2-2m2 22a2 2 0 1 1 2-2a2 2 0 0 1-2 2m8-10a2 2 0 1 1 2-2a2 2 0 0 1-2 2m12 0a2 2 0 1 1 2-2a2 2 0 0 1-2 2'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em;
}

.i-carbon\:side-panel-close {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M28 4H4c-1.1 0-2 .9-2 2v20c0 1.1.9 2 2 2h24c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2M10 26H4V6h6zm18-11H17.8l3.6-3.6L20 10l-6 6l6 6l1.4-1.4l-3.6-3.6H28v9H12V6h16z'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em;
}

.i-carbon\:side-panel-open {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M28 4H4c-1.1 0-2 .9-2 2v20c0 1.1.9 2 2 2h24c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2M10 26H4V6h6zm18 0H12v-9h10.2l-3.6 3.6L20 22l6-6l-6-6l-1.4 1.4l3.6 3.6H12V6h16z'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em;
}

.i-carbon\:table-split {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M27 3H5a2 2 0 0 0-2 2v22a2 2 0 0 0 2 2h22a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2m0 2v4H5V5Zm-10 6h10v7H17Zm-2 7H5v-7h10ZM5 20h10v7H5Zm12 7v-7h10v7Z'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em;
}

.i-mdi\:code-json {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M5 3h2v2H5v5a2 2 0 0 1-2 2a2 2 0 0 1 2 2v5h2v2H5c-1.07-.27-2-.9-2-2v-4a2 2 0 0 0-2-2H0v-2h1a2 2 0 0 0 2-2V5a2 2 0 0 1 2-2m14 0a2 2 0 0 1 2 2v4a2 2 0 0 0 2 2h1v2h-1a2 2 0 0 0-2 2v4a2 2 0 0 1-2 2h-2v-2h2v-5a2 2 0 0 1 2-2a2 2 0 0 1-2-2V5h-2V3zm-7 12a1 1 0 0 1 1 1a1 1 0 0 1-1 1a1 1 0 0 1-1-1a1 1 0 0 1 1-1m-4 0a1 1 0 0 1 1 1a1 1 0 0 1-1 1a1 1 0 0 1-1-1a1 1 0 0 1 1-1m8 0a1 1 0 0 1 1 1a1 1 0 0 1-1 1a1 1 0 0 1-1-1a1 1 0 0 1 1-1'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em;
}

.i-mdi\:refresh {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M17.65 6.35A7.96 7.96 0 0 0 12 4a8 8 0 0 0-8 8a8 8 0 0 0 8 8c3.73 0 6.84-2.55 7.73-6h-2.08A5.99 5.99 0 0 1 12 18a6 6 0 0 1-6-6a6 6 0 0 1 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4z'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em;
}

.i-ph-caret-down {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m213.66 101.66l-80 80a8 8 0 0 1-11.32 0l-80-80a8 8 0 0 1 11.32-11.32L128 164.69l74.34-74.35a8 8 0 0 1 11.32 11.32'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em;
}

.i-ph-magnifying-glass-duotone, .i-ph\:magnifying-glass-duotone {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M192 112a80 80 0 1 1-80-80a80 80 0 0 1 80 80' opacity='.2'/%3E%3Cpath d='m229.66 218.34l-50.06-50.06a88.21 88.21 0 1 0-11.32 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32M40 112a72 72 0 1 1 72 72a72.08 72.08 0 0 1-72-72'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em;
}

.i-ph-x {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M205.66 194.34a8 8 0 0 1-11.32 11.32L128 139.31l-66.34 66.35a8 8 0 0 1-11.32-11.32L116.69 128L50.34 61.66a8 8 0 0 1 11.32-11.32L128 116.69l66.34-66.35a8 8 0 0 1 11.32 11.32L139.31 128Z'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em;
}

.i-ph\:arrow-up-right {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M200 64v104a8 8 0 0 1-16 0V83.31L69.66 197.66a8 8 0 0 1-11.32-11.32L172.69 72H88a8 8 0 0 1 0-16h104a8 8 0 0 1 8 8'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em;
}

.i-ph\:article-duotone {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 56v144a8 8 0 0 1-8 8H40a8 8 0 0 1-8-8V56a8 8 0 0 1 8-8h176a8 8 0 0 1 8 8' opacity='.2'/%3E%3Cpath d='M216 40H40a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16m0 160H40V56h176zM184 96a8 8 0 0 1-8 8H80a8 8 0 0 1 0-16h96a8 8 0 0 1 8 8m0 32a8 8 0 0 1-8 8H80a8 8 0 0 1 0-16h96a8 8 0 0 1 8 8m0 32a8 8 0 0 1-8 8H80a8 8 0 0 1 0-16h96a8 8 0 0 1 8 8'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em;
}

.i-ph\:caret-down-fill {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m213.66 101.66l-80 80a8 8 0 0 1-11.32 0l-80-80A8 8 0 0 1 48 88h160a8 8 0 0 1 5.66 13.66'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em;
}

.i-ph\:caret-right {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m181.66 133.66l-80 80a8 8 0 0 1-11.32-11.32L164.69 128L90.34 53.66a8 8 0 0 1 11.32-11.32l80 80a8 8 0 0 1 0 11.32'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em;
}

.i-ph\:check {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m229.66 77.66l-128 128a8 8 0 0 1-11.32 0l-56-56a8 8 0 0 1 11.32-11.32L96 188.69L218.34 66.34a8 8 0 0 1 11.32 11.32'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em;
}

.i-ph\:check-circle-duotone {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M224 128a96 96 0 1 1-96-96a96 96 0 0 1 96 96' opacity='.2'/%3E%3Cpath d='M173.66 98.34a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0M232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em;
}

.i-ph\:checkerboard-duotone {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M40 128h88v88H48a8 8 0 0 1-8-8Zm168-88h-80v88h88V48a8 8 0 0 0-8-8' opacity='.2'/%3E%3Cpath d='M208 32H48a16 16 0 0 0-16 16v160a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16m0 88h-72V48h72Zm-88-72v72H48V48Zm-72 88h72v72H48Zm160 72h-72v-72h72z'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em;
}

.i-ph\:cube-duotone, [i-ph\:cube-duotone=""] {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M128 129.09V232a8 8 0 0 1-3.84-1l-88-48.16a8 8 0 0 1-4.16-7V80.2a8 8 0 0 1 .7-3.27Z' opacity='.2'/%3E%3Cpath d='m223.68 66.15l-88-48.15a15.88 15.88 0 0 0-15.36 0l-88 48.17a16 16 0 0 0-8.32 14v95.64a16 16 0 0 0 8.32 14l88 48.17a15.88 15.88 0 0 0 15.36 0l88-48.17a16 16 0 0 0 8.32-14V80.18a16 16 0 0 0-8.32-14.03M128 32l80.34 44L128 120L47.66 76ZM40 90l80 43.78v85.79l-80-43.75Zm96 129.57v-85.75L216 90v85.78Z'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em;
}

.i-ph\:database-duotone {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 80c0 26.51-39.4 48-88 48s-88-21.49-88-48s39.4-48 88-48s88 21.49 88 48' opacity='.2'/%3E%3Cpath d='M128 24c-53.83 0-96 24.6-96 56v96c0 31.4 42.17 56 96 56s96-24.6 96-56V80c0-31.4-42.17-56-96-56m80 104c0 9.62-7.88 19.43-21.61 26.92C170.93 163.35 150.19 168 128 168s-42.93-4.65-58.39-13.08C55.88 147.43 48 137.62 48 128v-16.64c17.06 15 46.23 24.64 80 24.64s62.94-9.68 80-24.64ZM69.61 53.08C85.07 44.65 105.81 40 128 40s42.93 4.65 58.39 13.08C200.12 60.57 208 70.38 208 80s-7.88 19.43-21.61 26.92C170.93 115.35 150.19 120 128 120s-42.93-4.65-58.39-13.08C55.88 99.43 48 89.62 48 80s7.88-19.43 21.61-26.92m116.78 149.84C170.93 211.35 150.19 216 128 216s-42.93-4.65-58.39-13.08C55.88 195.43 48 185.62 48 176v-16.64c17.06 15 46.23 24.64 80 24.64s62.94-9.68 80-24.64V176c0 9.62-7.88 19.43-21.61 26.92'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em;
}

.i-ph\:dots-three-outline-fill {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M156 128a28 28 0 1 1-28-28a28 28 0 0 1 28 28M48 100a28 28 0 1 0 28 28a28 28 0 0 0-28-28m160 0a28 28 0 1 0 28 28a28 28 0 0 0-28-28'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em;
}

.i-ph\:fast-forward-duotone {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M144 128a7.76 7.76 0 0 1-3.63 6.59l-88.19 56.15A7.91 7.91 0 0 1 40 184.15V71.85a7.91 7.91 0 0 1 12.18-6.59l88.19 56.15A7.76 7.76 0 0 1 144 128m100.37-6.59l-88.19-56.15A7.91 7.91 0 0 0 144 71.85v112.3a7.91 7.91 0 0 0 12.18 6.59l88.19-56.15a7.8 7.8 0 0 0 0-13.18' opacity='.2'/%3E%3Cpath d='M248.67 114.66L160.48 58.5A15.91 15.91 0 0 0 136 71.84v37.3L56.48 58.5A15.91 15.91 0 0 0 32 71.84v112.32a15.92 15.92 0 0 0 24.48 13.34L136 146.86v37.3a15.92 15.92 0 0 0 24.48 13.34l88.19-56.16a15.8 15.8 0 0 0 0-26.68M48 183.94V72.07L135.82 128Zm104 0V72.07L239.82 128Z'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em;
}

.i-ph\:funnel-duotone {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M221.9 61.38L152 136v58.65a8 8 0 0 1-3.56 6.66l-32 21.33A8 8 0 0 1 104 216v-80L34.1 61.38A8 8 0 0 1 40 48h176a8 8 0 0 1 5.9 13.38' opacity='.2'/%3E%3Cpath d='M230.6 49.53A15.81 15.81 0 0 0 216 40H40a16 16 0 0 0-11.81 26.76l.08.09L96 139.17V216a16 16 0 0 0 24.87 13.32l32-21.34a16 16 0 0 0 7.13-13.32v-55.49l67.74-72.32l.08-.09a15.8 15.8 0 0 0 2.78-17.23m-84.42 81.05A8 8 0 0 0 144 136v58.66L112 216v-80a8 8 0 0 0-2.16-5.47L40 56h176Z'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em;
}

.i-ph\:grid-four {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M200 40H56a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h144a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16m0 80h-64V56h64Zm-80-64v64H56V56Zm-64 80h64v64H56Zm144 64h-64v-64h64z'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em;
}

.i-ph\:list {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a8 8 0 0 1-8 8H40a8 8 0 0 1 0-16h176a8 8 0 0 1 8 8M40 72h176a8 8 0 0 0 0-16H40a8 8 0 0 0 0 16m176 112H40a8 8 0 0 0 0 16h176a8 8 0 0 0 0-16'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em;
}

.i-ph\:lock-duotone {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M216 96v112a8 8 0 0 1-8 8H48a8 8 0 0 1-8-8V96a8 8 0 0 1 8-8h160a8 8 0 0 1 8 8' opacity='.2'/%3E%3Cpath d='M208 80h-32V56a48 48 0 0 0-96 0v24H48a16 16 0 0 0-16 16v112a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V96a16 16 0 0 0-16-16M96 56a32 32 0 0 1 64 0v24H96Zm112 152H48V96h160zm-68-56a12 12 0 1 1-12-12a12 12 0 0 1 12 12'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em;
}

.i-ph\:megaphone-bold {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M252 120a52.06 52.06 0 0 0-52-52h-39.68c-3.44-.21-52.6-4-99.46-43.3A20 20 0 0 0 28 40v160a19.8 19.8 0 0 0 11.54 18.12a19.86 19.86 0 0 0 21.32-2.81A192.9 192.9 0 0 1 144 174.47v26.2a20 20 0 0 0 8.9 16.64a11 11 0 0 0 1.39.8l14.44 7.06A20 20 0 0 0 198.37 213l11.09-41.82A52.07 52.07 0 0 0 252 120M52 191.63V48.4c36.17 28.07 72.17 38.1 92 41.66V150c-19.83 3.52-55.83 13.55-92 41.63m124.39 10.57l-8.39-4.1V172h16.4ZM200 148h-32V92h32a28 28 0 1 1 0 56'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em;
}

.i-ph\:navigation-arrow-duotone {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M234.35 129L152 152l-23 82.35a8 8 0 0 1-15.21.27l-65.28-176a8 8 0 0 1 10.12-10.16l176 65.28a8 8 0 0 1-.28 15.26' opacity='.2'/%3E%3Cpath d='M237.33 106.21L61.41 41l-.16-.05a16 16 0 0 0-20.35 20.3a1 1 0 0 0 .05.16l65.26 175.92A15.77 15.77 0 0 0 121.28 248h.3a15.77 15.77 0 0 0 15-11.29l.06-.2l21.84-78l78-21.84l.2-.06a16 16 0 0 0 .62-30.38Zm-87.49 38.09a8 8 0 0 0-5.54 5.54l-23 82.16l-.06-.17L56 56l175.82 65.22l.16.06Z'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em;
}

.i-ph\:plus-bold {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M228 128a12 12 0 0 1-12 12h-76v76a12 12 0 0 1-24 0v-76H40a12 12 0 0 1 0-24h76V40a12 12 0 0 1 24 0v76h76a12 12 0 0 1 12 12'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em;
}

.i-ph\:sign-out-bold {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M124 216a12 12 0 0 1-12 12H48a12 12 0 0 1-12-12V40a12 12 0 0 1 12-12h64a12 12 0 0 1 0 24H60v152h52a12 12 0 0 1 12 12m108.49-96.49l-40-40a12 12 0 0 0-17 17L195 116h-83a12 12 0 0 0 0 24h83l-19.52 19.51a12 12 0 0 0 17 17l40-40a12 12 0 0 0 .01-17'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em;
}

.i-ph\:tag-duotone {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M237.66 153L153 237.66a8 8 0 0 1-11.31 0l-99.35-99.32a8 8 0 0 1-2.34-5.65V40h92.69a8 8 0 0 1 5.65 2.34l99.32 99.32a8 8 0 0 1 0 11.34' opacity='.2'/%3E%3Cpath d='M243.31 136L144 36.69A15.86 15.86 0 0 0 132.69 32H40a8 8 0 0 0-8 8v92.69A15.86 15.86 0 0 0 36.69 144L136 243.31a16 16 0 0 0 22.63 0l84.68-84.68a16 16 0 0 0 0-22.63m-96 96L48 132.69V48h84.69L232 147.31ZM96 84a12 12 0 1 1-12-12a12 12 0 0 1 12 12'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em;
}

.i-ph\:user-duotone {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M192 96a64 64 0 1 1-64-64a64 64 0 0 1 64 64' opacity='.2'/%3E%3Cpath d='M230.92 212c-15.23-26.33-38.7-45.21-66.09-54.16a72 72 0 1 0-73.66 0c-27.39 8.94-50.86 27.82-66.09 54.16a8 8 0 1 0 13.85 8c18.84-32.56 52.14-52 89.07-52s70.23 19.44 89.07 52a8 8 0 1 0 13.85-8M72 96a56 56 0 1 1 56 56a56.06 56.06 0 0 1-56-56'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em;
}

.i-ph\:warning-duotone {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M215.46 216H40.54c-12.62 0-20.54-13.21-14.41-23.91l87.46-151.87c6.3-11 22.52-11 28.82 0l87.46 151.87c6.13 10.7-1.79 23.91-14.41 23.91' opacity='.2'/%3E%3Cpath d='M236.8 188.09L149.35 36.22a24.76 24.76 0 0 0-42.7 0L19.2 188.09a23.51 23.51 0 0 0 0 23.72A24.35 24.35 0 0 0 40.55 224h174.9a24.35 24.35 0 0 0 21.33-12.19a23.51 23.51 0 0 0 .02-23.72m-13.87 15.71a8.5 8.5 0 0 1-7.48 4.2H40.55a8.5 8.5 0 0 1-7.48-4.2a7.59 7.59 0 0 1 0-7.72l87.45-151.87a8.75 8.75 0 0 1 15 0l87.45 151.87a7.59 7.59 0 0 1-.04 7.72M120 144v-40a8 8 0 0 1 16 0v40a8 8 0 0 1-16 0m20 36a12 12 0 1 1-12-12a12 12 0 0 1 12 12'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em;
}

[i-carbon\:chevron-right~="disabled\:"]:disabled {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M22 16L12 26l-1.4-1.4l8.6-8.6l-8.6-8.6L12 6z'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    width: 1em;
    height: 1em;
}

.disabled, [disabled=""] {
    pointer-events: none;
    opacity: 0.6;
    --un-saturate: saturate(0);
    filter: var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);
}

.input-base {
    position: relative;
    height: 2.25rem;
    display: inline-flex;
    -webkit-appearance: none;
    appearance: none;
    border-width: 1px;
    border-color: transparent;
    border-radius: 0.375rem;
    --un-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--un-bg-opacity)) /* #f3f4f6 */;
    --un-caret-opacity: 1;
    caret-color: rgb(0 101 255 / var(--un-caret-opacity)) /* #0065ff */;
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.flex-center, [flex-center=""] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.badge {
    display: inline-flex;
    align-items: center;
    border-radius: 0.25rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.blue-badge {
    display: inline-flex;
    align-items: center;
    border-radius: 0.25rem;
    background-color: rgb(96 165 250 / 0.15) /* #60a5fa */;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    --un-text-opacity: 1;
    color: rgb(29 78 216 / var(--un-text-opacity)) /* #1d4ed8 */;
}

.gray-badge {
    display: inline-flex;
    align-items: center;
    border-radius: 0.25rem;
    background-color: rgb(156 163 175 / 0.15) /* #9ca3af */;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    --un-text-opacity: 1;
    color: rgb(55 65 81 / var(--un-text-opacity)) /* #374151 */;
}

.green-badge {
    display: inline-flex;
    align-items: center;
    border-radius: 0.25rem;
    background-color: rgb(45 212 191 / 0.15) /* #2dd4bf */;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    --un-text-opacity: 1;
    color: rgb(21 128 61 / var(--un-text-opacity)) /* #15803d */;
}

.orange-badge {
    display: inline-flex;
    align-items: center;
    border-radius: 0.25rem;
    background-color: rgb(251 146 60 / 0.15) /* #fb923c */;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    --un-text-opacity: 1;
    color: rgb(154 52 18 / var(--un-text-opacity)) /* #9a3412 */;
}

.purple-badge {
    display: inline-flex;
    align-items: center;
    border-radius: 0.25rem;
    background-color: rgb(192 132 252 / 0.15) /* #c084fc */;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    --un-text-opacity: 1;
    color: rgb(126 34 206 / var(--un-text-opacity)) /* #7e22ce */;
}

.red-badge {
    display: inline-flex;
    align-items: center;
    border-radius: 0.25rem;
    background-color: rgb(248 113 113 / 0.15) /* #f87171 */;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    --un-text-opacity: 1;
    color: rgb(185 28 28 / var(--un-text-opacity)) /* #b91c1c */;
}

.yellow-badge {
    display: inline-flex;
    align-items: center;
    border-radius: 0.25rem;
    background-color: rgb(250 204 21 / 0.15) /* #facc15 */;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    --un-text-opacity: 1;
    color: rgb(161 98 7 / var(--un-text-opacity)) /* #a16207 */;
}

.a-error {
    cursor: pointer;
    --un-text-opacity: 1;
    color: rgb(239 68 68 / var(--un-text-opacity)) /* #ef4444 */;
}

.a-primary {
    cursor: pointer;
    --un-text-opacity: 1;
    color: rgb(0 101 255 / var(--un-text-opacity)) /* #0065ff */;
}

.border-base, [border-base=""], [border~="base"] {
    --un-border-opacity: 0.2;
    border-color: rgb(170 170 170 / var(--un-border-opacity));
}

.input-base:hover {
    --un-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--un-border-opacity));
    --un-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--un-bg-opacity)) /* #f9fafb */;
}

.input-base:focus {
    --un-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--un-border-opacity));
    --un-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--un-bg-opacity)) /* #f9fafb */;
}

.\!bg-base {
    --un-bg-opacity: 1 !important;
    background-color: rgb(255 255 255 / var(--un-bg-opacity)) /* #fff */ !important;
}

.bg-base, [bg-base=""] {
    --un-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--un-bg-opacity)) /* #fff */;
}

.bg-hover {
    --un-bg-opacity: 1;
    background-color: rgb(246 246 246 / var(--un-bg-opacity)) /* #f6f6f6 */;
}

.\!bg-selected {
    --un-bg-opacity: 1 !important;
    background-color: rgb(233 236 239 / var(--un-bg-opacity)) /* #e9ecef */ !important;
}

.bg-selected {
    --un-bg-opacity: 1;
    background-color: rgb(233 236 239 / var(--un-bg-opacity)) /* #e9ecef */;
}

.\!hover\:bg-hover:hover {
    --un-bg-opacity: 1 !important;
    background-color: rgb(246 246 246 / var(--un-bg-opacity)) /* #f6f6f6 */ !important;
}

.hover\:bg-hover:hover {
    --un-bg-opacity: 1;
    background-color: rgb(246 246 246 / var(--un-bg-opacity)) /* #f6f6f6 */;
}

.hover\:bg-selected:hover {
    --un-bg-opacity: 1;
    background-color: rgb(233 236 239 / var(--un-bg-opacity)) /* #e9ecef */;
}

.color-base {
    --un-text-opacity: 1;
    color: rgb(31 41 55 / var(--un-text-opacity)) /* #1f2937 */;
}

.color-fade {
    color: rgb(17 24 39 / 0.5) /* #111827 */;
}

.a-error:hover {
    --un-text-opacity: 1;
    color: rgb(248 113 113 / var(--un-text-opacity)) /* #f87171 */;
}

.a-primary:hover {
    color: rgb(0 101 255 / 0.8) /* #0065ff */;
}

.hover\:color-base:hover {
    --un-text-opacity: 1;
    color: rgb(31 41 55 / var(--un-text-opacity)) /* #1f2937 */;
}

.input-base::placeholder {
    --un-text-opacity: 1;
    color: rgb(156 163 175 / var(--un-text-opacity)) /* #9ca3af */;
}

.\[appearance\:textfield\] {
    appearance: textfield;
}

.pointer-events-auto {
    pointer-events: auto;
}

.pointer-events-none {
    pointer-events: none;
}

.visible {
    visibility: visible;
}

.absolute, [absolute=""] {
    position: absolute;
}

.fixed, [fixed=""] {
    position: fixed;
}

.relative {
    position: relative;
}

.sticky {
    position: sticky;
}

.inset-0, [inset-0=""] {
    inset: 0;
}

.bottom-0, [bottom-0=""] {
    bottom: 0;
}

.left-0, [left-0=""] {
    left: 0;
}

.left-2 {
    left: 0.5rem;
}

.right--15 {
    right: -3.75rem;
}

.right-0, [right-0=""] {
    right: 0;
}

.right-1 {
    right: 0.25rem;
}

.right-2 {
    right: 0.5rem;
}

.top-0, [top-0=""] {
    top: 0;
}

.top-1 {
    top: 0.25rem;
}

.line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
}

.line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

.z-0 {
    z-index: 0;
}

.z-1 {
    z-index: 1;
}

.z-10 {
    z-index: 10;
}

.z-100 {
    z-index: 100;
}

.z-200 {
    z-index: 200;
}

.z-800 {
    z-index: 800;
}

.grid {
    display: grid;
}

.grid-cols-\[max-content_1fr\] {
    grid-template-columns:max-content 1fr;
}

.grid-cols-\[repeat\(auto-fill\,minmax\(min\(100\%\,300px\)\,1fr\)\)\] {
    grid-template-columns:repeat(auto-fill, minmax(min(100%, 300px), 1fr));
}

.mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.mb-1 {
    margin-bottom: 0.25rem;
}

.mb-3 {
    margin-bottom: 0.75rem;
}

.mb-6 {
    margin-bottom: 1.5rem;
}

.ml--1px {
    margin-left: -1px;
}

.ml-1 {
    margin-left: 0.25rem;
}

.ml-2 {
    margin-left: 0.5rem;
}

.ml-4 {
    margin-left: 1rem;
}

.ml-auto {
    margin-left: auto;
}

.mr-1, [mr-1=""] {
    margin-right: 0.25rem;
}

.mr-2 {
    margin-right: 0.5rem;
}

.mt-2 {
    margin-top: 0.5rem;
}

.mt-3 {
    margin-top: 0.75rem;
}

.mt-4 {
    margin-top: 1rem;
}

.mt-auto {
    margin-top: auto;
}

.inline {
    display: inline;
}

.block {
    display: block;
}

.inline-block {
    display: inline-block;
}

.hidden {
    display: none;
}

[size~="\33 0"] {
    width: 7.5rem;
    height: 7.5rem;
}

[size~="\37 0"] {
    width: 17.5rem;
    height: 17.5rem;
}

.\!h-10 {
    height: 2.5rem !important;
}

.\!h-4\.5 {
    height: 1.125rem !important;
}

.\!h-40 {
    height: 10rem !important;
}

.\!h-50 {
    height: 12.5rem !important;
}

.\!w-4\.5 {
    width: 1.125rem !important;
}

.\!w-400px {
    width: 400px !important;
}

.\!w-500px {
    width: 500px !important;
}

.\!w-80 {
    width: 20rem !important;
}

.h-\[80px\] {
    height: 80px;
}

.h-10 {
    height: 2.5rem;
}

.h-100 {
    height: 25rem;
}

.h-11 {
    height: 2.75rem;
}

.h-12, [h-12=""] {
    height: 3rem;
}

.h-1px {
    height: 1px;
}

.h-20 {
    height: 5rem;
}

.h-26 {
    height: 6.5rem;
}

.h-36px {
    height: 36px;
}

.h-4 {
    height: 1rem;
}

.h-40 {
    height: 10rem;
}

.h-5 {
    height: 1.25rem;
}

.h-6, [h-6=""] {
    height: 1.5rem;
}

.h-60 {
    height: 15rem;
}

.h-60px {
    height: 60px;
}

.h-7 {
    height: 1.75rem;
}

.h-8 {
    height: 2rem;
}

.h-80\% {
    height: 80%;
}

.h-9 {
    height: 2.25rem;
}

.h-9\! {
    height: 2.25rem !important;
}

.h-full {
    height: 100%;
}

.h-screen {
    height: 100vh;
}

.h2 {
    height: 0.5rem;
}

.max-h-60 {
    max-height: 15rem;
}

.max-h-600px {
    max-height: 600px;
}

.max-w-30 {
    max-width: 7.5rem;
}

.min-h-26 {
    min-height: 6.5rem;
}

.min-h-40 {
    min-height: 10rem;
}

.min-h-60 {
    min-height: 15rem;
}

.min-w-1000px {
    min-width: 1000px;
}

.min-w-100px {
    min-width: 100px;
}

.min-w-16 {
    min-width: 4rem;
}

.min-w-30 {
    min-width: 7.5rem;
}

.min-w-40 {
    min-width: 10rem;
}

.min-w-800px {
    min-width: 800px;
}

.w-\[calc\(100\%-200px\)\] {
    width: calc(100% - 200px);
}

.w-\[calc\(100vw-400px\)\] {
    width: calc(100vw - 400px);
}

.w-10 {
    width: 2.5rem;
}

.w-100 {
    width: 25rem;
}

.w-12, [w-12=""] {
    width: 3rem;
}

.w-1px {
    width: 1px;
}

.w-30 {
    width: 7.5rem;
}

.w-30\% {
    width: 30%;
}

.w-36 {
    width: 9rem;
}

.w-4 {
    width: 1rem;
}

.w-40\% {
    width: 40%;
}

.w-5 {
    width: 1.25rem;
}

.w-50\% {
    width: 50%;
}

.w-500px {
    width: 500px;
}

.w-6 {
    width: 1.5rem;
}

.w-60 {
    width: 15rem;
}

.w-60\% {
    width: 60%;
}

.w-640px {
    width: 640px;
}

.w-7 {
    width: 1.75rem;
}

.w-700px {
    width: 700px;
}

.w-8 {
    width: 2rem;
}

.w-800px {
    width: 800px;
}

.w-fit {
    width: fit-content;
}

.w-full {
    width: 100%;
}

[w-6~="disabled\:"]:disabled {
    width: 1.5rem;
}

.flex, [flex=""], [flex~="\~"] {
    display: flex;
}

.flex-inline, .inline-flex, [flex~="inline"] {
    display: inline-flex;
}

.flex-\[4_1_0\] {
    flex: 4 1 0;
}

.flex-1 {
    flex: 1 1 0%;
}

.flex-auto {
    flex: 1 1 auto;
}

.flex-none, [flex~="none"] {
    flex: none;
}

.flex-col {
    flex-direction: column;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-nowrap {
    flex-wrap: nowrap;
}

.table {
    display: table;
}

.translate-x-0 {
    --un-translate-x: 0;
    transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));
}

.translate-x-1\/2 {
    --un-translate-x: 50%;
    transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));
}

details[open] .\[details\[open\]_\&\]\:rotate-90 {
    --un-rotate-x: 0;
    --un-rotate-y: 0;
    --un-rotate-z: 0;
    --un-rotate: 90deg;
    transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));
}

.transform, [transform=""] {
    transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));
}

@keyframes spin {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg)
    }
}

.animate-spin {
    animation: spin 1s linear infinite;
}

.cursor-pointer {
    cursor: pointer;
}

.\!cursor-not-allowed {
    cursor: not-allowed !important;
}

.cursor-not-allowed {
    cursor: not-allowed;
}

.select-none {
    -webkit-user-select: none;
    user-select: none;
}

.resize-none {
    resize: none;
}

.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button, .\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button, .appearance-none, [appearance-none=""] {
    -webkit-appearance: none;
    appearance: none;
}

.place-content-center {
    place-content: center;
}

.place-items-center {
    place-items: center;
}

.items-center, [flex~="items-center"] {
    align-items: center;
}

.items-baseline {
    align-items: baseline;
}

.justify-end {
    justify-content: flex-end;
}

.justify-center {
    justify-content: center;
}

.justify-between, [flex~="justify-between"] {
    justify-content: space-between;
}

.\!gap-1 {
    gap: 0.25rem !important;
}

.\!gap-2 {
    gap: 0.5rem !important;
}

.gap-1 {
    gap: 0.25rem;
}

.gap-1px {
    gap: 1px;
}

.gap-2, .gap2, [flex~="gap-2"], [flex~="gap2"] {
    gap: 0.5rem;
}

.gap-3, .gap3, [flex~="gap3"] {
    gap: 0.75rem;
}

.gap-4, [flex~="gap-4"] {
    gap: 1rem;
}

.gap-5 {
    gap: 1.25rem;
}

.gap-6 {
    gap: 1.5rem;
}

.space-x-2 > :not([hidden]) ~ :not([hidden]) {
    --un-space-x-reverse: 0;
    margin-left: calc(0.5rem * calc(1 - var(--un-space-x-reverse)));
    margin-right: calc(0.5rem * var(--un-space-x-reverse));
}

.of-auto, .overflow-auto {
    overflow: auto;
}

.overflow-hidden {
    overflow: hidden;
}

.overflow-y-auto {
    overflow-y: auto;
}

.overflow-y-overlay {
    overflow-y: overlay;
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.whitespace-nowrap, .ws-nowrap {
    white-space: nowrap;
}

.whitespace-pre {
    white-space: pre;
}

.b, .border, [border=""], [border~="\~"] {
    border-width: 1px;
}

.border-2px {
    border-width: 2px;
}

.hover\:border:hover {
    border-width: 1px;
}

.focus\:border:focus {
    border-width: 1px;
}

.border-b, [border~="b"] {
    border-bottom-width: 1px;
}

.border-l, [border~="l"] {
    border-left-width: 1px;
}

.border-r {
    border-right-width: 1px;
}

.border-t {
    border-top-width: 1px;
}

[border-l~="default\:"]:default {
    border-left-width: 1px;
}

.border-gray-200, [border-gray-200=""] {
    --un-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--un-border-opacity));
}

.border-orange-200 {
    --un-border-opacity: 1;
    border-color: rgb(254 215 170 / var(--un-border-opacity));
}

.border-primary-500 {
    --un-border-opacity: 1;
    border-color: rgb(30 153 255 / var(--un-border-opacity));
}

.border-purple-200 {
    --un-border-opacity: 1;
    border-color: rgb(233 213 255 / var(--un-border-opacity));
}

.border-transparent {
    border-color: transparent;
}

.hover\:border-gray-300:hover {
    --un-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--un-border-opacity));
}

.focus\:border-gray-300:focus {
    --un-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--un-border-opacity));
}

.focus\:border-primary:focus {
    --un-border-opacity: 1;
    border-color: rgb(0 101 255 / var(--un-border-opacity));
}

.rounded, [border~="rounded"], [rounded=""] {
    border-radius: 0.25rem;
}

.rounded-full {
    border-radius: 9999px;
}

.rounded-lg {
    border-radius: 0.5rem;
}

.rounded-md, [rounded-md=""] {
    border-radius: 0.375rem;
}

.rounded-xl {
    border-radius: 0.75rem;
}

.\!rounded-l-md {
    border-top-left-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
}

.\!rounded-r-md {
    border-top-right-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
}

.rounded-l {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.rounded-r {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.border-none {
    border-style: none;
}

.\!bg-blue-400\/15 {
    background-color: rgb(96 165 250 / 0.15) /* #60a5fa */ !important;
}

.\!bg-blue\/50 {
    background-color: rgb(96 165 250 / 0.5) /* #60a5fa */ !important;
}

.\!bg-green-400\/15 {
    background-color: rgb(74 222 128 / 0.15) /* #4ade80 */ !important;
}

.\!bg-primary-400\/15 {
    background-color: rgb(72 188 255 / 0.15) /* #48bcff */ !important;
}

.\!bg-primary\/10 {
    background-color: rgb(0 101 255 / 0.1) /* #0065ff */ !important;
}

.\!bg-primary\/15 {
    background-color: rgb(0 101 255 / 0.15) /* #0065ff */ !important;
}

.\!bg-primary\/40 {
    background-color: rgb(0 101 255 / 0.4) /* #0065ff */ !important;
}

.\!bg-red-400\/15 {
    background-color: rgb(248 113 113 / 0.15) /* #f87171 */ !important;
}

.bg-\#f2f4f6 {
    --un-bg-opacity: 1;
    background-color: rgb(242 244 246 / var(--un-bg-opacity)) /* #f2f4f6 */;
}

.bg-black\:60 {
    background-color: rgb(0 0 0 / 0.6) /* #000 */;
}

.bg-blue-100 {
    --un-bg-opacity: 1;
    background-color: rgb(219 234 254 / var(--un-bg-opacity)) /* #dbeafe */;
}

.bg-blue\/10 {
    background-color: rgb(96 165 250 / 0.1) /* #60a5fa */;
}

.bg-blue\/20 {
    background-color: rgb(96 165 250 / 0.2) /* #60a5fa */;
}

.bg-dark\/60 {
    background-color: rgb(34 34 34 / 0.6) /* #222222 */;
}

.bg-error {
    --un-bg-opacity: 1;
    background-color: rgb(227 77 89 / var(--un-bg-opacity)) /* #e34d59 */;
}

.bg-gray-100 {
    --un-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--un-bg-opacity)) /* #f3f4f6 */;
}

.bg-gray-400 {
    --un-bg-opacity: 1;
    background-color: rgb(156 163 175 / var(--un-bg-opacity)) /* #9ca3af */;
}

.bg-gray-400\:15\! {
    background-color: rgb(156 163 175 / 0.15) /* #9ca3af */ !important;
}

.bg-gray\/20 {
    background-color: rgb(156 163 175 / 0.2) /* #9ca3af */;
}

.bg-gray\/30 {
    background-color: rgb(156 163 175 / 0.3) /* #9ca3af */;
}

.bg-gray\/40 {
    background-color: rgb(156 163 175 / 0.4) /* #9ca3af */;
}

.bg-info {
    --un-bg-opacity: 1;
    background-color: rgb(5 148 250 / var(--un-bg-opacity)) /* #0594fa */;
}

.bg-light-200 {
    --un-bg-opacity: 1;
    background-color: rgb(250 250 250 / var(--un-bg-opacity)) /* #fafafa */;
}

.bg-light-800 {
    --un-bg-opacity: 1;
    background-color: rgb(222 226 230 / var(--un-bg-opacity)) /* #dee2e6 */;
}

.bg-primary, [bg-primary=""] {
    --un-bg-opacity: 1;
    background-color: rgb(0 101 255 / var(--un-bg-opacity)) /* #0065ff */;
}

.bg-primary\/10 {
    background-color: rgb(0 101 255 / 0.1) /* #0065ff */;
}

.bg-primary\/20 {
    background-color: rgb(0 101 255 / 0.2) /* #0065ff */;
}

.bg-primary\/6 {
    background-color: rgb(0 101 255 / 0.06) /* #0065ff */;
}

.bg-purple\/20 {
    background-color: rgb(192 132 252 / 0.2) /* #c084fc */;
}

.bg-purple\/6 {
    background-color: rgb(192 132 252 / 0.06) /* #c084fc */;
}

.bg-success {
    --un-bg-opacity: 1;
    background-color: rgb(0 168 112 / var(--un-bg-opacity)) /* #00a870 */;
}

.bg-transparent {
    background-color: transparent /* transparent */;
}

.bg-warn {
    --un-bg-opacity: 1;
    background-color: rgb(235 177 5 / var(--un-bg-opacity)) /* #ebb105 */;
}

.bg-white {
    --un-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--un-bg-opacity)) /* #fff */;
}

.bg-white\/60 {
    background-color: rgb(255 255 255 / 0.6) /* #fff */;
}

.bg-yellow\/10 {
    background-color: rgb(250 204 21 / 0.1) /* #facc15 */;
}

.\!hover\:bg-blue-400\/15:hover {
    background-color: rgb(96 165 250 / 0.15) /* #60a5fa */ !important;
}

.\!hover\:bg-green-400\/15:hover {
    background-color: rgb(74 222 128 / 0.15) /* #4ade80 */ !important;
}

.\!hover\:bg-primary-400\/15:hover {
    background-color: rgb(72 188 255 / 0.15) /* #48bcff */ !important;
}

.\!hover\:bg-primary\/10:hover {
    background-color: rgb(0 101 255 / 0.1) /* #0065ff */ !important;
}

.\!hover\:bg-red-400\/15:hover {
    background-color: rgb(248 113 113 / 0.15) /* #f87171 */ !important;
}

.hover\:bg-blue-200:hover {
    --un-bg-opacity: 1;
    background-color: rgb(191 219 254 / var(--un-bg-opacity)) /* #bfdbfe */;
}

.hover\:bg-blue\/40:hover {
    background-color: rgb(96 165 250 / 0.4) /* #60a5fa */;
}

.hover\:bg-blue\/50:hover {
    background-color: rgb(96 165 250 / 0.5) /* #60a5fa */;
}

.hover\:bg-gray-200:hover {
    --un-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--un-bg-opacity)) /* #e5e7eb */;
}

.hover\:bg-gray-50:hover {
    --un-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--un-bg-opacity)) /* #f9fafb */;
}

.hover\:bg-gray\/15:hover {
    background-color: rgb(156 163 175 / 0.15) /* #9ca3af */;
}

.hover\:bg-gray\/20:hover {
    background-color: rgb(156 163 175 / 0.2) /* #9ca3af */;
}

.hover\:bg-gray\/30:hover {
    background-color: rgb(156 163 175 / 0.3) /* #9ca3af */;
}

.hover\:bg-light-900:hover {
    --un-bg-opacity: 1;
    background-color: rgb(221 225 227 / var(--un-bg-opacity)) /* #dde1e3 */;
}

.hover\:bg-primary\/10:hover {
    background-color: rgb(0 101 255 / 0.1) /* #0065ff */;
}

.hover\:bg-red\/10:hover {
    background-color: rgb(248 113 113 / 0.1) /* #f87171 */;
}

.focus\:bg-gray-50:focus {
    --un-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--un-bg-opacity)) /* #f9fafb */;
}

.bg-op10, .bg-opacity-10 {
    --un-bg-opacity: 0.1;
}

.bg-gradient-to-r {
    --un-gradient-shape: to right in oklch;
    --un-gradient: var(--un-gradient-shape), var(--un-gradient-stops);
    background-image: linear-gradient(var(--un-gradient));
}

.bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text;
}

[stroke-width~="\34 "] {
    stroke-width: 4px;
}

.\!p-0 {
    padding: 0 !important;
}

.p-0\.2em {
    padding: 0.2em;
}

.p-16px {
    padding: 16px;
}

.p-2 {
    padding: 0.5rem;
}

.p-3 {
    padding: 0.75rem;
}

.p-4, .p4 {
    padding: 1rem;
}

.p-6 {
    padding: 1.5rem;
}

.p-8 {
    padding: 2rem;
}

.p1 {
    padding: 0.25rem;
}

.px, .px-1rem, .px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.px-0 {
    padding-left: 0;
    padding-right: 0;
}

.px-0\.6rem {
    padding-left: 0.6rem;
    padding-right: 0.6rem;
}

.px-1, [px-1=""] {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}

.px-1\.5 {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
}

.px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}

.px-2, .px2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.px-2\.5 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
}

.px-3, .px3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
}

.py-0\.5 {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
}

.py-1, .py1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.py-1\.5 {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
}

.py-1px {
    padding-top: 1px;
    padding-bottom: 1px;
}

.py-2, .py2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.py-2px {
    padding-top: 2px;
    padding-bottom: 2px;
}

.py-3, .py3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.pb-10 {
    padding-bottom: 2.5rem;
}

.pb-4 {
    padding-bottom: 1rem;
}

.pb-6 {
    padding-bottom: 1.5rem;
}

.pb-8 {
    padding-bottom: 2rem;
}

.pl-0 {
    padding-left: 0;
}

.pl-10px {
    padding-left: 10px;
}

.pl-2 {
    padding-left: 0.5rem;
}

.pl-3 {
    padding-left: 0.75rem;
}

.pl-8 {
    padding-left: 2rem;
}

.pl10 {
    padding-left: 2.5rem;
}

.pr-2 {
    padding-right: 0.5rem;
}

.pr-3 {
    padding-right: 0.75rem;
}

.pr-8 {
    padding-right: 2rem;
}

.pt-0 {
    padding-top: 0;
}

.text-center, [text-center=""] {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.\!text-base {
    font-size: 1rem !important;
    line-height: 1.5rem !important;
}

.text-0\.8rem {
    font-size: 0.8rem;
}

.text-0\.9rem {
    font-size: 0.9rem;
}

.text-1\.1rem {
    font-size: 1.1rem;
}

.text-1\.2rem {
    font-size: 1.2rem;
}

.text-1\.4rem {
    font-size: 1.4rem;
}

.text-1\.6rem {
    font-size: 1.6rem;
}

.text-1\.8rem, [text-1\.8rem=""] {
    font-size: 1.8rem;
}

.text-12px {
    font-size: 12px;
}

.text-2rem {
    font-size: 2rem;
}

.text-3rem {
    font-size: 3rem;
}

.text-4rem {
    font-size: 4rem;
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
}

.text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
}

.text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
}

.\!text-blue-500 {
    --un-text-opacity: 1 !important;
    color: rgb(59 130 246 / var(--un-text-opacity)) /* #3b82f6 */ !important;
}

.\!text-green-600 {
    --un-text-opacity: 1 !important;
    color: rgb(22 163 74 / var(--un-text-opacity)) /* #16a34a */ !important;
}

.\!text-light {
    --un-text-opacity: 1 !important;
    color: rgb(246 246 246 / var(--un-text-opacity)) /* #f6f6f6 */ !important;
}

.\!color-primary, .\!text-primary, .\!text-primary-700 {
    --un-text-opacity: 1 !important;
    color: rgb(0 101 255 / var(--un-text-opacity)) /* #0065ff */ !important;
}

.\!text-red-500 {
    --un-text-opacity: 1 !important;
    color: rgb(239 68 68 / var(--un-text-opacity)) /* #ef4444 */ !important;
}

.text-blue-400 {
    --un-text-opacity: 1;
    color: rgb(96 165 250 / var(--un-text-opacity)) /* #60a5fa */;
}

.text-emerald-400 {
    --un-text-opacity: 1;
    color: rgb(52 211 153 / var(--un-text-opacity)) /* #34d399 */;
}

.text-error {
    --un-text-opacity: 1;
    color: rgb(227 77 89 / var(--un-text-opacity)) /* #e34d59 */;
}

.color-gray, .text-gray-400 {
    --un-text-opacity: 1;
    color: rgb(156 163 175 / var(--un-text-opacity)) /* #9ca3af */;
}

.color-gray-500, .text-gray-500 {
    --un-text-opacity: 1;
    color: rgb(107 114 128 / var(--un-text-opacity)) /* #6b7280 */;
}

.color-gray-600, .text-gray-600 {
    --un-text-opacity: 1;
    color: rgb(75 85 99 / var(--un-text-opacity)) /* #4b5563 */;
}

.color-gray-700, .text-gray-700 {
    --un-text-opacity: 1;
    color: rgb(55 65 81 / var(--un-text-opacity)) /* #374151 */;
}

.text-green {
    --un-text-opacity: 1;
    color: rgb(74 222 128 / var(--un-text-opacity)) /* #4ade80 */;
}

.text-info {
    --un-text-opacity: 1;
    color: rgb(5 148 250 / var(--un-text-opacity)) /* #0594fa */;
}

.text-orange, .text-orange-400 {
    --un-text-opacity: 1;
    color: rgb(251 146 60 / var(--un-text-opacity)) /* #fb923c */;
}

.text-orange-500 {
    --un-text-opacity: 1;
    color: rgb(249 115 22 / var(--un-text-opacity)) /* #f97316 */;
}

.color-primary, .text-primary, [text-primary=""] {
    --un-text-opacity: 1;
    color: rgb(0 101 255 / var(--un-text-opacity)) /* #0065ff */;
}

.text-primary\/60 {
    color: rgb(0 101 255 / 0.6) /* #0065ff */;
}

.text-purple, .text-purple-400 {
    --un-text-opacity: 1;
    color: rgb(192 132 252 / var(--un-text-opacity)) /* #c084fc */;
}

.text-purple-600 {
    --un-text-opacity: 1;
    color: rgb(147 51 234 / var(--un-text-opacity)) /* #9333ea */;
}

.text-red, .text-red-400 {
    --un-text-opacity: 1;
    color: rgb(248 113 113 / var(--un-text-opacity)) /* #f87171 */;
}

.text-red-500, [text-red-500=""] {
    --un-text-opacity: 1;
    color: rgb(239 68 68 / var(--un-text-opacity)) /* #ef4444 */;
}

.text-transparent {
    color: transparent /* transparent */;
}

.text-warn {
    --un-text-opacity: 1;
    color: rgb(235 177 5 / var(--un-text-opacity)) /* #ebb105 */;
}

.text-white {
    --un-text-opacity: 1;
    color: rgb(255 255 255 / var(--un-text-opacity)) /* #fff */;
}

.hover\:text-red-500:hover {
    --un-text-opacity: 1;
    color: rgb(239 68 68 / var(--un-text-opacity)) /* #ef4444 */;
}

.placeholder\:text-gray-400::placeholder {
    --un-text-opacity: 1;
    color: rgb(156 163 175 / var(--un-text-opacity)) /* #9ca3af */;
}

.color-\#666 {
    --un-text-opacity: 1;
    color: rgb(102 102 102 / var(--un-text-opacity)) /* #666 */;
}

.text-op70 {
    --un-text-opacity: 0.7;
}

.hover\:text-op100:hover {
    --un-text-opacity: 1;
}

.font-500 {
    font-weight: 500;
}

.font-600, [font-600=""] {
    font-weight: 600;
}

.font-bold {
    font-weight: 700;
}

.leading-11 {
    line-height: 2.75rem;
}

.leading-none {
    line-height: 1;
}

.font-\[monaco\] {
    font-family: monaco;
}

.font-\[tnum-light\] {
    font-family: tnum-light;
}

.font-\[tnum\] {
    font-family: tnum;
}

.italic {
    font-style: italic;
}

.underline {
    text-decoration-line: underline;
}

.caret-primary {
    --un-caret-opacity: 1;
    caret-color: rgb(0 101 255 / var(--un-caret-opacity)) /* #0065ff */;
}

.op-0\.1 {
    opacity: 0.001;
}

.op-50, .op50 {
    opacity: 0.5;
}

.op0, .opacity-0 {
    opacity: 0;
}

.op100\! {
    opacity: 1 !important;
}

.op40 {
    opacity: 0.4;
}

.op6 {
    opacity: 0.06;
}

.op60 {
    opacity: 0.6;
}

.op70, .group:hover .group-hover\:op70 {
    opacity: 0.7;
}

.op75, .opacity-75 {
    opacity: 0.75;
}

.op80 {
    opacity: 0.8;
}

.op90 {
    opacity: 0.9;
}

.opacity-100 {
    opacity: 1;
}

.opacity-25 {
    opacity: 0.25;
}

.hover\:op-80:hover {
    opacity: 0.8;
}

.hover\:op100:hover {
    opacity: 1;
}

.hover\:opacity-80:hover {
    opacity: 0.8;
}

.shadow-lg {
    --un-shadow: var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / 0.1)), var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
}

.shadow-xl {
    --un-shadow: var(--un-shadow-inset) 0 20px 25px -5px var(--un-shadow-color, rgb(0 0 0 / 0.1)), var(--un-shadow-inset) 0 8px 10px -6px var(--un-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
}

.outline-none, [outline-none=""] {
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.transition-all, [transition-all=""] {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.transition-opacity, [transition-opacity=""] {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.duration-100, [duration-100=""] {
    transition-duration: 100ms;
}

.duration-200 {
    transition-duration: 200ms;
}

.ease-out {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

@font-face {
    font-family: monaco;
    src: url('/assets/monaco-Dq6LcbtS.ttf');
}

@font-face {
    font-family: tnum;
    src: url('/assets/tnum-regular-DfF88aSe.ttf');
}

@font-face {
    font-family: tnum-light;
    src: url('/assets/tnum-light-CFCi38g-.ttf');
}

@font-face {
    font-family: tnum-bold;
    src: url('/assets/tnum-bold-ClkEZBYX.ttf');
}

html,
body {
    --un-text-opacity: 1;
    color: rgb(31 41 55 / var(--un-text-opacity)) /* #1f2937 */;
}

html.color-weak,
body.color-weak {
    filter: invert(80%);
}

html.gray-mode,
body.gray-mode {
    filter: grayscale(100%);
    filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
}

code,
pre,
textarea,
.CodeMirror-code {
    font-family: monaco;
}

input::placeholder {
    color: rgb(17 24 39 / 0.5) /* #111827 */;
}

@media all and (max-width: 1000px) {
    html,
    body {
        font-size: 12px;
    }
}

@media all and (min-width: 1000px) {
    html,
    body {
        font-size: 14px;
    }
}

@media all and (min-width: 1440px) {
    html,
    body {
        font-size: 16px;
    }
}

/* Overrides Floating Vue */
.v-popper--theme-dropdown .v-popper__inner,
.v-popper--theme-tooltip .v-popper__inner {
    border-width: 1px;
    --un-border-opacity: 0.2;
    border-color: rgb(170 170 170 / var(--un-border-opacity));
    border-radius: 0.25rem;
    --un-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--un-bg-opacity)) /* #fff */;
    --un-text-opacity: 1;
    color: rgb(31 41 55 / var(--un-text-opacity)) /* #1f2937 */;
    --un-shadow: var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)), var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
    box-shadow: 0 6px 30px #0000001a !important;
}

.v-popper--theme-tooltip .v-popper__arrow-inner,
.v-popper--theme-dropdown .v-popper__arrow-inner {
    visibility: visible;
    --un-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--un-border-opacity));
}

.v-popper--theme-tooltip .v-popper__arrow-outer,
.v-popper--theme-dropdown .v-popper__arrow-outer {
    --un-border-opacity: 0.2;
    border-color: rgb(170 170 170 / var(--un-border-opacity));
}

.v-popper--theme-tooltip.v-popper--shown,
.v-popper--theme-tooltip.v-popper--shown * {
    transition: none !important;
}

.v-popper__popper.no-arrow .v-popper__arrow-container {
    display: none;
}

/* .. */
/* Scrollbar */
::-webkit-scrollbar {
    width: 7px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0.05);
}

::-webkit-scrollbar-thumb {
    background-color: rgba(144, 147, 153, 0.3);
    border-radius: 2px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
}

::-webkit-scrollbar-thumb:hover {
    background-color: #b6b7b9;
}

/* .. */
/* Splitpanes */
.splitpanes__splitter {
    position: relative;
    --un-bg-opacity: 1;
    background-color: rgb(221 225 227 / var(--un-bg-opacity)) /* #dde1e3 */;
}

.splitpanes__splitter:before {
    content: '';
    transition: opacity 0.4s;
    background-color: rgba(125, 125, 125, 0.1);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    opacity: 0;
}

.splitpanes__splitter:hover:before {
    opacity: 1;
}

.splitpanes--vertical > .splitpanes__splitter:before {
    right: -10px;
    height: 100%;
}

.splitpanes--horizontal > .splitpanes__splitter:before {
    bottom: -10px;
    width: 100%;
}

.splitpanes .splitpanes__pane {
    transition: none;
}

/* .. */
/* CodeMirror */
.cm-editor {
    border-radius: 0.375rem;
}

.cm-content {
    font-family: monaco;
}

.cm-focused {
    outline: none !important;
}

/* .. */
.echarts-tooltip {
    max-width: 400px;
    max-height: 400px;
    overflow: auto;
}

.form-group {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

@keyframes traverse-up-left {
    100% {
        transform: translateY(-200px) translateX(-350px) rotate(180deg);
    }
}

@keyframes traverse-up-right {
    100% {
        transform: translateY(-300px) translateX(300px) rotate(1turn);
    }
}

.ant-checkbox-inner,
.ant-checkbox-inner::after,
.ant-checkbox-checked:after {
    transition: none !important;
}

.ant-form-inline {
    flex-wrap: nowrap;
    overflow-x: auto;
}

.ant-notification-notice-message,
.ant-notification-notice-description {
    overflow-wrap: anywhere;
}

.ant-radio-inner,
.ant-radio-inner::after {
    transition: none !important;
}

.ant-table {
    line-height: 1.2 !important;
}

.ant-table .ant-table-thead > tr > th {
    font-weight: 500 !important;
    font-size: 0.95rem;
}

.ant-table .ant-table-tbody {
    font-size: 0.9rem;
}

.ant-table .ant-table-thead > tr > th,
.ant-table .ant-table-tbody > tr > td {
    transition: none !important;
}

.ant-tag {
    font-size: 0.9rem;
}

.ant-tree li .ant-tree-node-content-wrapper {
    transition: none;
}

.ant-tree-checkbox-inner {
    transition: none;
}

.ant-select-tree {
    max-height: 600px;
}

.splitpanes {
    display: flex;
    width: 100%;
    height: 100%
}

.splitpanes--vertical {
    flex-direction: row
}

.splitpanes--horizontal {
    flex-direction: column
}

.splitpanes--dragging * {
    -webkit-user-select: none;
    user-select: none
}

.splitpanes__pane {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.splitpanes--vertical .splitpanes__pane {
    transition: width .2s ease-out
}

.splitpanes--horizontal .splitpanes__pane {
    transition: height .2s ease-out
}

.splitpanes--dragging .splitpanes__pane {
    transition: none
}

.splitpanes__splitter {
    touch-action: none
}

.splitpanes--vertical > .splitpanes__splitter {
    min-width: 1px;
    cursor: col-resize
}

.splitpanes--horizontal > .splitpanes__splitter {
    min-height: 1px;
    cursor: row-resize
}

.splitpanes.default-theme .splitpanes__pane {
    background-color: #f2f2f2
}

.splitpanes.default-theme .splitpanes__splitter {
    background-color: #fff;
    box-sizing: border-box;
    position: relative;
    flex-shrink: 0
}

.splitpanes.default-theme .splitpanes__splitter:before, .splitpanes.default-theme .splitpanes__splitter:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #00000026;
    transition: background-color .3s
}

.splitpanes.default-theme .splitpanes__splitter:hover:before, .splitpanes.default-theme .splitpanes__splitter:hover:after {
    background-color: #00000040
}

.splitpanes.default-theme .splitpanes__splitter:first-child {
    cursor: auto
}

.default-theme.splitpanes .splitpanes .splitpanes__splitter {
    z-index: 1
}

.default-theme.splitpanes--vertical > .splitpanes__splitter, .default-theme .splitpanes--vertical > .splitpanes__splitter {
    width: 7px;
    border-left: 1px solid #eee;
    margin-left: -1px
}

.default-theme.splitpanes--vertical > .splitpanes__splitter:before, .default-theme.splitpanes--vertical > .splitpanes__splitter:after, .default-theme .splitpanes--vertical > .splitpanes__splitter:before, .default-theme .splitpanes--vertical > .splitpanes__splitter:after {
    transform: translateY(-50%);
    width: 1px;
    height: 30px
}

.default-theme.splitpanes--vertical > .splitpanes__splitter:before, .default-theme .splitpanes--vertical > .splitpanes__splitter:before {
    margin-left: -2px
}

.default-theme.splitpanes--vertical > .splitpanes__splitter:after, .default-theme .splitpanes--vertical > .splitpanes__splitter:after {
    margin-left: 1px
}

.default-theme.splitpanes--horizontal > .splitpanes__splitter, .default-theme .splitpanes--horizontal > .splitpanes__splitter {
    height: 7px;
    border-top: 1px solid #eee;
    margin-top: -1px
}

.default-theme.splitpanes--horizontal > .splitpanes__splitter:before, .default-theme.splitpanes--horizontal > .splitpanes__splitter:after, .default-theme .splitpanes--horizontal > .splitpanes__splitter:before, .default-theme .splitpanes--horizontal > .splitpanes__splitter:after {
    transform: translate(-50%);
    width: 30px;
    height: 1px
}

.default-theme.splitpanes--horizontal > .splitpanes__splitter:before, .default-theme .splitpanes--horizontal > .splitpanes__splitter:before {
    margin-top: -2px
}

.default-theme.splitpanes--horizontal > .splitpanes__splitter:after, .default-theme .splitpanes--horizontal > .splitpanes__splitter:after {
    margin-top: 1px
}

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
2. [UnoCSS]: allow to override the default border color with css var `--un-default-border-color`
*/

*,
::before,
::after {
    box-sizing: border-box; /* 1 */
    border-width: 0; /* 2 */
    border-style: solid; /* 2 */
    border-color: var(--un-default-border-color, #e5e7eb); /* 2 */
}

::before,
::after {
    --un-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS.
*/

html,
:host {
    line-height: 1.5; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -moz-tab-size: 4; /* 3 */
    tab-size: 4; /* 3 */
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
    font-feature-settings: normal; /* 5 */
    font-variation-settings: normal; /* 6 */
    -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
    margin: 0; /* 1 */
    line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
    height: 0; /* 1 */
    color: inherit; /* 2 */
    border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
    text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
    color: inherit;
    text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
    font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
    font-family: monaco, SFMono-Regular, Menlo, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
    font-feature-settings: normal; /* 2 */
    font-variation-settings: normal; /* 3 */
    font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
    font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
    text-indent: 0; /* 1 */
    border-color: inherit; /* 2 */
    border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
    font-family: inherit; /* 1 */
    font-feature-settings: inherit; /* 1 */
    font-variation-settings: inherit; /* 1 */
    font-size: 100%; /* 1 */
    font-weight: inherit; /* 1 */
    line-height: inherit; /* 1 */
    color: inherit; /* 1 */
    margin: 0; /* 2 */
    padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
    text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button {
    background-color: transparent;
}

button,
[type='button'],
[type='reset'],
[type='submit'] {
    -webkit-appearance: button; /* 1 */
    background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
    outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
    box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
    vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
    display: list-item;
}

/*
Removes the default spacing for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
    margin: 0;
}

fieldset {
    margin: 0;
    padding: 0;
}

legend {
    padding: 0;
}

ol,
ul,
menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

dialog {
    padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
    resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::placeholder,
textarea::placeholder {
    opacity: 1; /* 1 */
    color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
    cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
    cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
    display: block; /* 1 */
    vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
    max-width: 100%;
    height: auto;
}

/*
Make elements with the HTML hidden attribute stay hidden by default.
*/

[hidden] {
    display: none;
}

.prose :where(:not(pre) > code):not(:where(.not-prose,.not-prose *))::before, .prose :where(:not(pre) > code):not(:where(.not-prose,.not-prose *))::after {
    content: none;
}

.prose :where(code):not(:where(.not-prose,.not-prose *)) {
    white-space: unset;
    --un-text-opacity: 1;
    color: rgb(0 101 255 / var(--un-text-opacity)) /* #0065ff */;
    font-weight: 500;
}


.table-of-contents {
    font-size: 0.9em;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-duration: 500ms;
}

.table-of-contents > ul {
    list-style: none;
    overflow-y: auto;
    margin-top: 0.25rem;
    padding-bottom: 1.25rem;
}


.table-of-contents ul > li {
    list-style: none;
    line-height: 1.5em;
    margin-top: 0.5em;
}

.table-of-contents ul > li > a {
    text-decoration: none;
}
